const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  transpileDependencies: true,
  chainWebpack: config => {
    // 添加移动端调试工具（仅在开发环境）
    if (process.env.NODE_ENV === 'development') {
      config
        .plugin('vconsole')
        .use(require('vconsole-webpack-plugin'), [{
          enable: true
        }])
    }
  },
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          // less 全局变量
          globalVars: {
            // 定义移动端断点
            'screen-sm': '768px',
            'screen-xs': '480px'
          }
        }
      }
    }
  }
})
